import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
// 自动导入 Vue 及其他库的 API，这样在代码里使用这些 API 时，就无需手动导入。
import AutoImport from "unplugin-auto-import/vite";
// 自动导入组件，在模板中使用组件时，无需手动在 <script> 部分导入和注册。
import Components from "unplugin-vue-components/vite";
// 自动导入 ElementPlus 组件和图标
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      // 在使用 ElementPlus 提供的 API 时，插件会自动导入。
      resolvers: [ElementPlusResolver()],
    }),
    // 在模板中使用 ElementPlus 组件时，插件会自动导入。
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
  resolve: {
    // 配置别名，这样在导入文件时，可以使用 @ 符号来代替项目根目录。
    alias: {
      "@": "/src",
    },
  },
});
